<template>
  <div>
    {{$store.state}} 
    <!-- {{$store.getters}} -->
    <!-- {{a}} -->
    <!-- {{count}} -->
    <!-- {{gettersNum}} -->
    <button @click="btn">click</button>
  </div>
</template>

<script>
import { mapState, mapActions, mapGetters ,mapMutations} from 'vuex'
export default {
  methods: {
    ...mapActions('about',['getNum']),
    ...mapMutations('about',['SET_NUM']),
    btn () {
      // this.getNum()
      this.SET_NUM(9)
      // this.$store.dispatch('getCount')
      // this.$store.commit('set_num',9)
      // this.$store.dispatch('getNum')
      // this.$store.commit('SET_NUM',9)
      // this.$store.commit('SET_COUNT',7)
      // this.$store.dispatch('getCount')
    }
  },
  computed: {
    ...mapGetters('about', ['gettersNum'])
    // ...mapState('about', {
    //   count () {
    //     console.log(this)
    //   }
    // })
  }
}
</script>

<style scoped>
</style>